<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/init.css">
		<link rel="stylesheet" href="css/share.css">
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
	</head>
	<body>
		<header class="clearfix">
			<div class="w">
				<ul class="clearfix fl">
					<li class="fl"><a href="">Home</a></li>
					<li class="fl"><a href="">Pages</a></li>
					<li class="fl"><a href="">Portfolio</a></li>
					<li class="fl"><a href="">SINGLE PORTFOLIO</a></li>
					<li class="fl"><a href="">Headers</a></li>
					<li class="fl"><a href="">Journal</a></li>
					<li class="fl"><a href="">Shop</a></li>
					<li class="fl"><a href="">Shortcodes</a></li>
					<div class="fl">
						<a href="" class="fa fa-search"></a>
						<a href="" class="fa fa-navicon"></a>
						<a href="" class="fa fa-lock"></a>
					</div>
				</ul>
				<div class="mid">
					<div class="text1">MAKING THE WEB</div>
					<div class="box">STYLISH</div>
					<div class="text2">The Best or Nothing</div>
				</div>
			</div>
		</header>
		<div class="main w">
			<div class="introduce">
				<h1>WE ARE OSHINE</h1>
				<h2>A beautiful responsive multi-purpose wordpress theme</h2>
				<div class="y"></div>
				<p>Oshine comes with 12 unique and stunning demos. We have crafted each and every demo with extensive care and precision and the theme is power packed yet easy to use.</p>
				<img src="images/oshin-mockups-1024x377.png" alt="">
				<div class="icons clearfix">
					<div class="fl icon">
						<div class="fa fa-linux fa-5x"></div>
						<h1>12 DEMOS</h1>
					</div>
					<div class="fl icon">
						<div class="fa fa-pencil fa-5x"></div>
						<h1>POWERFUL OPTIONS</h1>
					</div>
					<div class="fl icon">
						<div class="fa fa-skyatlas fa-5x"></div>
						<h1>PAGE BUILDER</h1>
					</div>
					<div class="fl icon">
						<div class="fa fa-slideshare fa-5x"></div>
						<h1>UNLIMITED PORTFOLIO</h1>
					</div>
				</div>
			</div>
			<div class="phone clearfix">
				<div class="fl">
					<h1>
						<i class="fa fa-cog" style="font-size:30px;color:#e3ac55"></i>
						MODERN DESIGN</h1>
					<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</p>
				</div>
				<div class="fl">
					<h1>
						<i class="fa fa-spinner" style="font-size:30px;color:#e3ac55"></i>
						AJAX TRANSITIONS</h1>
					<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</p>
				</div>
				<div class="fl">
					<h1>
						<i class="fa fa-chain" style="font-size:30px;color:#e3ac55"></i>
						SUPER  CUSTOMIZABLE</h1>
					<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</p>
				</div>
				<div class="fl">
					<h1>
						<i class="fa fa-child" style="font-size:30px;color:#e3ac55"></i>
						WOO COMMERCE</h1>
					<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</p>
				</div>
				<div class="fl">
					<h1>
						<i class="fa fa-dribbble" style="font-size:30px;color:#e3ac55"></i>
						UNIQUE LAYOUT</h1>
					<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</p>
				</div>
				<div class="fl">
					<h1>
						<i class="fa fa-envira" style="font-size:30px;color:#e3ac55"></i>
						40+ MODULES</h1>
					<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</p>
				</div>
			</div>
			<div class="work w">
				<div class="sticky"></div>
				<h1>OUR WORK</h1>
				<h2>A beautiful responsive multi-purpose wordpress theme</h2>
				<div class="y"></div>
				<div class="ad">
					<div class="ad_title">
						<ul class="clearfix">
							<li class="fl"><a href="">All</a></li>
							<li class="fl"><a href="">Brochures</a></li>
							<li class="fl"><a href="">Mobile</a></li>
							<li class="fl"><a href="">Slider</a></li>
							<li class="fl"><a href="">Videos</a></li>
							<li class="fl"><a href="">Web</a></li>
						</ul>
					</div>
					<div class="ad_photos clearfix">
						<div class="fl"><img src="images/road-product-650x385.jpg" alt=""></div>
						<div class="fl"><img src="images/s3-650x385.jpg" alt=""></div>
						<div class="fl"><img src="images/Vinyl-Record-PSD-full-650x385.jpg" alt=""></div>
						<div class="fl"><img src="images/poster-frame-650x385.jpg" alt=""></div>
						<div class="fl"><img src="images/wanderlust07-650x385.jpg" alt=""></div>
						<div class="fl"><img src="./images/oshin-model-0011-650x385.jpg" alt=""></div>
					</div>
					<div class="view"><a href="">VIEW ALL WORK</a></div>
					<div class="end">
						<div class="fa fa-plane" style="font-size: 100px; color: #dfdfdf;"></div>
						<h1>RT @<span style="color: #e0a240;font-size:16px;">InteractiveAU</span>: Growth hacking is marketing that doesnt scale says</h1>
						<a href="">https://t.co/BrrwDbR2Pn</a>
						<h2>@envato</h2>
					</div>
				</div>
			</div>
			<div class="clients w">
				<h1>OUR CLIENTS</h1>
				<h2>A beautiful responsive multi-purpose wordpress theme</h2>
				<div class="y"></div>
				<div class="pic clearfix">
					<div class="fl"><img src="images/Marks_2048x1536_144dpi_12_1000.jpg" alt=""></div>
					<div class="fl"><img src="images/Marks_2048x1536_144dpi_11_1000.jpg" alt=""></div>
				</div>
			</div>
			<div class="buy">
				<h1>GET IN TOUCH</h1>
				<h2>Have an idea or a project, lets collaborate and build some awesome stuff</h2>
				<div class="bn"><a href="">BUY NOW</a></div>
			</div>
		</div>
		<footer>
			<div class="area clearfix">
				<div class="w">
				<div class="fl oshin">
					<img src="images/oshin-black-logo.png" alt="">
					<p>Ea mei nostrum imperdiet deterruisset, mei ludus efficiendi ei. Sea summo mazim ex, ea errem eleifend definitionem vim. Detracto erroribus et mea.</p>
					<div class="pile clearfix">
						<div class="fl fa-stack fa-lg">
						  <i class="fa fa-circle-thin fa-stack-2x"style="color: #e2ab54;"></i>
						  <i class="fa fa-facebook fa-stack-1x"style="color: #e2ab54;"></i>
						</div>
						<div class="fl fa-stack fa-lg">
						  <i class="fa fa-circle-thin fa-stack-2x"style="color: #e2ab54;"></i>
						  <i class="fa fa-twitter fa-stack-1x" style="color: #e2ab54;"></i>
						</div>
						<div class="fl fa-stack fa-lg">
						  <i class="fa fa-circle-thin fa-stack-2x"style="color: #e2ab54;"></i>
						  <i class="fa fa-gg fa-stack-1x"style="color: #e2ab54;"></i>
						</div>
						<div class="fl fa-stack fa-lg">
						  <i class="fa fa-circle-thin fa-stack-2x"style="color: #e2ab54;"></i>
						  <i class="fa fa-futbol-o fa-stack-1x"style="color: #e2ab54;"></i>
						</div>
					</div>
				</div>
				<div class="fl recent">
					<h1>Recent Posts</h1>
					<div class="post">
						<h1>Oshine – a Creative</h1>
						<h2>Multipurpose WordPress theme</h2>
					</div>
					<h3>theme</h3>
					<h4>October 10, 2014</h4>
					<div class="post2">
						<h1>If You Are Good At Something.</h1>
						<h2>Don’t Do It For Free</h2>
					</div>
					<h4>October 10, 2014</h4>
				</div>
				<div class="fl links">
					<h1>Links</h1>
					<ul>
						<li><a href="">Home</a></li>
						<li><a href="">About Us</a></li>
						<li><a href="">Team</a></li>
						<li><a href="">Blog</a></li>
						<li><a href="">Contact</a></li>
					</ul>
				</div>
				<div class="fl from">
					<h1>From Instagram</h1>
					<div class="smg">
						<div class="fl"><img src="images/8c9609f5b2a9b3d02ef5c09353f24100.jpg" alt=""></div>
						<div class="fl"><img src="images/8925690044e337f4d9debf2c6cd32bc3.jpg" alt=""></div>
						<div class="fl"><img src="images/de8c453d761ac7766e88f163e9edeae8.jpg" alt=""></div>
						<div class="fl"><img src="images/536aa2e2a7f4164e20468743ed6e2f70.jpg" alt=""></div>
						<div class="fl"><img src="images/b77b591b7fb67676812d05cddee8237e.jpg" alt=""></div>
						<div class="fl"><img src="images/1c3913c0bb34fc46d7f5f2a6bccb86aa.jpg" alt=""></div>
						<div class="fl"><img src="images/96015b4ff95f287dabad214d239852cc.jpg" alt=""></div>
						<div class="fl"><img src="images/6b01da5c35f3c0e472365147b36d9a72.jpg" alt=""></div>
						<div class="fl"><img src="images/8c9609f5b2a9b3d02ef5c09353f24100.jpg" alt=""></div>
					</div>
				</div>
			</div>
		</div>
			<div class="copy">Copyright Brand Exponents 2014. All Rights Reserved</div>
		</footer>
	</body>
</html>
